<template>
  <div id="background_layer">
    <div
      id="background_main"
      style="
        background-color: black;
        background-position: center top;
        cursor: auto;
        background-size: auto;
        background-repeat: repeat;
      "
    >
      <div
        id="background"
        style="
          background-image: linear-gradient(
            90deg,
            rgba(29, 31, 39, 0) 0%,
            rgb(29, 31, 39) 20%,
            rgb(29, 31, 39) 80%,
            rgba(29, 31, 39, 0) 100%
          );
        "
      >
        <div class="SK-store-index-container">
          <div class="SK-store-index-content">
            <Banner></Banner>

            <div class="sort-container">
              <Games></Games>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</template>

<script>
import Banner from "./Banner";
import Games from "./Games";
export default {
  name: "Home",
  components: {
    Banner,
    Games,
  },
};
</script>

<style>
@import "../../assets/css/home.css";
</style>
